#container{
	width: 1000px;
	margin: 0 auto;
	border: 1px dashed orangered;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 10px 5px;
	grid-template-rows: 200px 200px 400px 200px 200px;
	
	grid-template-areas: 
							"header header header"
							"second second second"
							"box3   box4   box5"
							"box3   box6   box6"
							"footer footer footer"
	;
}
.box{
	border: 1px solid palevioletred;
 	background-color: antiquewhite;
}
/*
.firstBox{
	background-color: aqua;
	grid-column: 1/4;
}
.secondBox{
	background-color: chartreuse;
	grid-column: 1/4;
}
.box:nth-child(3){
	background-color: beige;
	grid-row: 3/5;
}
.box:nth-child(4){
	background-color: bisque;
}
.box:nth-child(5){
	background-color: yellowgreen;
}
.box:nth-child(6){
	background-color: cornflowerblue;
	grid-column: 2/4;
}

.endBox{
	background-color: crimson;
	grid-column: 1/4;
} */
.firstBox{
	grid-area: header;
}
.secondBox{
	grid-area: second;
}
.box:nth-child(3){
	grid-area: box3;
}
.box:nth-child(4){
	grid-area: box4;
}
.box:nth-child(5){
	grid-area: box5;
}
.box:nth-child(6){
	grid-area: box6;
}

.endBox{
	grid-area: footer;
}